<%@ page language="java" contentType="text/html; charset=utf-8"
	pageEncoding="utf-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<!DOCTYPE html>
<html>
<head>
<%--ctxPath --%>
<c:set var="ctxPath" value="${pageContext.request.contextPath}" />
<%--静态文件目录 --%>
<c:set var="staticPath" value="${ctxPath}/static" />
<%@include file="../common/baseCss.jsp"%>
<%@include file="../common/base.jsp"%>

<!-- 设计jqgrid样式覆盖掉原样式 -->
<style "type="text/css">
body {
	background-color: #fff;
}

</style>
</head>
<body>
		<div class="container" style=" background: #fff;height: 510px ;width:100%;">
		<!-- 查询区域 -->
		<form id="form" name="form" action="${ctxPath }/dataReport/dataExportToExcel.do" method="post">
		<div class="row" style="background:#F9F9F9;height:120px;margin:10px 0 10px 0;border-radius:10px;box-shadow:0px 0px 5px #A2A2A2;">
				<div class="col-md-12" style="margin-top: 15px;">
					<div class="row">
					   <div class="col-md-9" >
						    <div class="row">
						  
						    <div class="col-md-6">
						    	 <label class="col-sm-4 no-padding">收支类型</label>
                                 <select  id="income_expense" class="input-sm col-sm-7"  name=income_expense>
                                 <option value="" ></option>
                                </select>
							</div>
					
							<div class="col-md-6">
								<label class="col-sm-4 no-padding">账目类型</label>
								<select  id="acct_type" class="input-sm col-sm-7" name="acct_type">
								    <option value=""></option>
                                </select>
							</div>
							</div><br/>
							<div class="row">	
							<div class="col-md-6">
								<label class="col-sm-4 no-padding">开始时间</label>
								<input type="text"  class="input-sm col-sm-7" id="search_start_time"  name="startDate" />
							</div>
							<div class="col-md-6">
								<label class="col-sm-4 no-padding">结束时间</label>
								<input type="text"  class="input-sm col-sm-7" id="search_end_time"   name="endDate" />
							</div>
							
						    </div>
						 </div>
						 
						<div class="col-md-3" >
							<button class="btn btn-info btn-sm "  type="button" id="search_btn">查询</button>
							<br/><br/>
							<button class="btn btn-default btn-sm"  type="button"  id="reset_btn">重置</button>
						</div>
				    </div>
				   
				</div>
		</div>
		
		<!-- 按钮区域 -->
			<div class="btn-group">
				<!-- 功能按钮区-->
				<button id="record_edit" type="button" class="btn btn-xs btn-primary" >
					<li class="fa fa-pencil  bigger-120"></li>&nbsp;修改记录&nbsp;
				</button>
				<button id="record_delete" type="button" class="btn btn-xs btn-danger">
					<li class="fa fa-times  bigger-120"></li>&nbsp;删除记录&nbsp;
				</button>
				<button id="export_btn" type="submit" class="btn btn-xs btn-success">
					<li class="fa fa-table  bigger-120"></li>&nbsp;表格导出到Excel&nbsp;
				</button>
			</div>
		</form>
		<!-- 表格区域-->
			<div class="jqGrid_wrapper" style="background: #FFF;">
				<table id="grid_area"></table>
				<!--   分页区 -->
				<div id="page_area"></div>
			</div>
			
			
			
	<!-- 模态框（Modal） -->
<div id="myModal" class="modal fade" style="height: 600px;">
		<div class="modal-dialog">
			<div class="modal-content">
				<div class="modal-header">
		           	<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
		           	<h4 class="modal-title" id="myModalLabel" align="center">修改记录</h4>
			    </div>
			    <div class="modal-body">
			    	<form class="form-horizontal" id="myform">
			    	<div class="form-group">
						<label for="income_expense_model" class="col-sm-4 control-label">收支类型：</label>
						<div class="col-sm-6">
							 <select  id="income_expense_model" class="form-control"  name="income_expense_model">
                                 <option value="" ></option>
                             </select>
						</div>
					</div>
			    	<div class="form-group">
						<label for="source_model" class="col-sm-4 control-label">账目来源：</label>
						<div class="col-sm-6">
							<select  id="source_model" class="form-control" name="source_model">
								    <option value=""></option>
                            </select>	
						</div>
					</div>
			    	<div class="form-group">
						<label for="acct_type_model" class="col-sm-4 control-label">账目类型：</label>
						<div class="col-sm-6">
							<select  id="acct_type_model" class="form-control " name="acct_type_model">
								    <option value=""></option>
                                </select>
						</div>
					</div>
					<div class="form-group">
						<label for="occurTime_model" class="col-sm-4 control-label">发生时间：</label>
						<div class="col-sm-6">
							<input type="text" class="form-control" id="occurTime_model"  name="occurTime_model"/>
						</div>
					</div>
					<div class="form-group">
						<label for="money_model" class="col-sm-4 control-label">发生金额：</label>
						<div class="col-sm-6">
							<input type="text" class="form-control" id="money_model" name="money_model"/>
						</div>
					</div>
					</form>
				</div>
				<div class="modal-footer">
				   <div class="col-sm-8">
					<button type="button" class="btn btn-primary" id="confirm">提交</button>
					<button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
				  </div>
				</div>
			</div>
		</div>
	</div>	
			


			
	</div>

	
	
	<script src="${staticPath}/fms/dataReport/dataStatement.js"
		type="text/javascript"></script>
</body>

</html>